﻿@charset "utf-8";
/*
*ugoshop-shoppingcart-step
*time :20160108
*author:L.J;
*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.header{
    padding:20px 0;
}
.logo{
    width: 188px
}
.stepflex {
    display:block;
    border-top:2px solid #ddd;
    text-align:center;
    margin:25px 30px 0 0;
    float:right
}
.stepflex dl {
    float:left;
    position:relative;
    width:180px;
    top:-2px;
    border-top:2px solid #ddd;
}
.stepflex dd {
    color:#666;
    margin-top: 5px;
     position: relative;
}
.stepflex dt {
    position:relative;
    margin:-10px auto 0;
    color:#fff;
    width:18px;
    height:18px;
    background-image:url(../Images/icons.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    line-height:18px;
    font-family: arial;
}
.stepflex dl.doing {
    border-top-color:#ff504a
}
.stepflex dl.doing dt {
    background-position:0 0
}
.stepflex dl.doing dd {
    color:#ff504a
}
.stepflex dl.done {
    border-top-color:#ff504a;
    width: 90px;
}
.stepflex dl.done dt {
    background-position:0 0;
    left: -45px
}
.stepflex dl.done dd {
    color:#ff504a;
    left: -45px;
}
.stepflex dl.last{
    width: 90px
}
.stepflex dl.last dt,
.stepflex dl.last dd{
   left: 45px
}